@font-face { font-family: 'Glyphicons Halflings'; src: url("../bundles/shopexusercentershop/fonts/glyphicons-halflings-regular.eot"); src: url("../bundles/shopexusercentershop/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../bundles/shopexusercentershop/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../bundles/shopexusercentershop/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../bundles/shopexusercentershop/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; }

html { background: #FFFFFF; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure { margin: 0; }

ul, ol, menu { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, a img, iframe { border: 0 none; }

address, em, i { font-style: normal; }

abbr, acronym { font-variant: normal; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }

input, select, button { vertical-align: middle; }

input, textarea, select { *font-size: 100%; }

button { overflow: visible; }

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0 none; padding: 0; }

:active { outline: 0 none; }

body, html { background-color: whitesmoke; font-family: Microsoft YaHei; transition: all, 0.2s; -moz-transition: all, 0.2s; /* Firefox 4 */ -webkit-transition: all, 0.2s; /* Safari and Chrome */ -o-transition: all, 0.2s; font-size: 14px; }

a { transition: all, 0.2s; -moz-transition: all, 0.2s; /* Firefox 4 */ -webkit-transition: all, 0.2s; /* Safari and Chrome */ -o-transition: all, 0.2s; }

.noscroll { overflow: hidden; }

.navbar-default { height: 60px; background-color: #2c3e50; }
.navbar-default .navbar-nav a { padding-top: 20px; padding-bottom: 20px; color: white !important; font-size: 16px; }
.navbar-default .navbar-nav a:hover { color: #ea7f31 !important; }
.navbar-default .navbar-nav .active a { color: white; background-color: #1a242f; }
.navbar-default .navbar-nav .active a:hover { color: white !important; background-color: #1a242f; }
.navbar-default .navbar-nav .active a:focus { color: white; background-color: #1a242f; }
.navbar-default .navbar-top-links li { display: inline-block; margin: 20px; }
.navbar-default .navbar-top-links li a { color: #ea7f31 !important; font-size: 14px; }
.navbar-default .navbar-header .nav { margin-left: 106px; }

.pay-navbar { background-color: white; }
.pay-navbar strong { font-size: 18px; font-weight: normal; color: #cccccc; padding-left: 8px; }
.pay-navbar .col-sm-8 { line-height: 60px; }
.pay-navbar .nonav-qq { padding-top: 5px; text-align: right; font-size: 12px; }
.pay-navbar .nonav-qq img { margin-bottom: 5px; }

.col .nav-pills { background-color: white; margin-top: 20px; padding-bottom: 100px; border: 1px solid #f0f0f0; box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -webkit-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -moz-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -o-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); }
.col .nav-pills li { border-bottom: 1px solid #f0f0f0; margin-top: 0px; }
.col .nav-pills li:hover a { color: #ea7f31 !important; background-color: #fafafa; }
.col .nav-pills li a { border-radius: 0; font-size: 14px; }
.col .nav-pills .active a { color: #ea7f31 !important; }

.right-con { margin-top: 20px; background-color: white; box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -webkit-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -moz-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); -o-box-shadow: 0px 5px 10px rgba(212, 212, 212, 0.5); padding-bottom: 20px; }
.right-con input[type='radio'] { margin-top: -2px; }
.right-con h1, .right-con strong { font-size: 14px; font-weight: bold; color: #666; }
.right-con .tr-base { background-color: #ecf0f1; }
.right-con .tr-nobd { border: 0 none; }
.right-con table tbody a { color: #ea7f31; }
.right-con .tr-basebd { border-top: 1px solid #f0f0f0; border-top-color: #ddd; }
.right-con .account-topbar { border-bottom: 1px solid #f0f0f0; border-bottom-color: #ddd; }
.right-con .account-topbar h5 { height: 40px; line-height: 40px; font-size: 14px; color: #666; }
.right-con .account-topbar .account-bar a { text-decoration: none; color: #666; display: inline-block; width: 90px; text-align: center; }
.right-con .account-topbar .account-bar a.active { background-color: #efefef; }
.right-con .nav-tabs { width: 100%; }
.right-con .nav-tabs li a { padding: 10px 15px; font-size: 14px; color: #666; background-color: white; border-bottom-color: #ddd; }
.right-con .nav-tabs li a:hover { background-color: whitesmoke; border-bottom-color: transparent; color: #ea7f31; }
.right-con .nav-tabs li.active a, .right-con .nav-tabs li.active a:focus, .right-con .nav-tabs li.active a:hover { background-color: #ecf0f1; border-bottom-color: transparent; color: #ea7f31; }
.right-con .panel-heading { background-color: white; border-bottom-color: transparent; }
.right-con .detail-div table th { text-align: right; border: 0 none; }
.right-con .detail-div table td { border: 0 none; }
.right-con .form-inline { width: 760px; margin: 0 auto; }
.right-con .form-inline li { margin: 20px 0px; }
.right-con .form-inline li label { padding-left: 40px; width: 140px; font-weight: normal; }
.right-con .form-inline li label em { width: 10px; display: inline-block; color: red; }
.right-con .brand-nav { height: 40px; line-height: 40px; }
.right-con .brand-nav a { color: #ea7f31; }
.right-con .panel-body { padding-top: 0px; }
.right-con .btn-warning { background-color: #ea7f31; opacity: 0.9; filter: alpha(opacity=90); }
.right-con .btn-warning:hover { opacity: 1; filter: alpha(opacity=100); }

.noNavCon { position: relative; }
.noNavCon .navigation { width: 100%; height: 40px; text-align: center; position: absolute; left: 0px; top: -50px; }

.pay-wrap { padding: 0px 30px 30px; font-size: 14px; }
.pay-wrap .pay-tip { padding-top: 20px; color: #AE1010; }

.pay-money { margin-top: 20px; font-size: 16px; }

.base-space { margin: 20px; }

.money-tip { color: #ea7f31 !important; padding-left: 10px; font-size: 18px; }

.open-tip { padding-left: 10px; }
.open-tip a { color: #ea7f31; }

.domain_tip { color: #696868; padding: 8px 0px 0px 88px; font-size: 12px; }

.warning-box { margin-top: 20px; color: #F44708; font-size: 16px; }
.warning-box .close { margin-top: 15px; opacity: 0.6; filter: alpha(opacity=60); }
.warning-box .i_know { font-size: 14px; font-weight: normal; color: #333; }
.warning-box strong { font-weight: normal; color: #F44708; font-size: 16px; }

.success-box { text-align: center; }
.success-box .row { font-size: 30px; margin-top: 40px; }
.success-box .success-tip { font-size: 18px; margin-top: 20px; }

.usercenter-footder { border-top: 1px solid #f0f0f0; border-top-color: #ddd; height: 100px; line-height: 100px; font-size: 14px; text-align: center; margin-top: 40px; }

.support { position: fixed; right: 0; top: 150px; z-index: 1000; background-color: white; }
.support .slide_min { width: 50px; height: 140px; color: #fff; cursor: pointer; background-color: #F44708; font-weight: bold; text-align: center; line-height: 23px; padding-top: 20px; font-size: 16px; }
.support .slide_box { width: 154px; height: auto; overflow: hidden; font-size: 12px; text-align: center; line-height: 130%; color: #666; border: 2px solid #F44708; }
.support .slide_box h2 { width: 154px; height: 40px; text-align: center; line-height: 40px; font-weight: bold; font-size: 15px; color: #ffffff; background-color: #F44708; letter-spacing: 5px; cursor: pointer; }
.support .slide_box h2 img { vertical-align: middle; }
.support .slide_box p { font-size: 13px; text-align: center; padding: 5px; margin: 5px; line-height: 26px; border-bottom: 1px solid #ddd; }
.support .slide_box p:last-child { border-bottom: 0px; }

.black-box { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; left: 0px; top: 0px; display: none; z-index: 1001; }

.tip-box { display: none; cursor: pointer; position: absolute; left: 158px; top: 9px; display: none; z-index: 1005; }

.pay-state { border-bottom: 1px solid #dddddd; margin-top: 40px; font-size: 14px; color: #333; padding-bottom: 40px; }

.select-pay { border: 1px solid #fffdf4; background: #feefd6; margin-top: 30px; padding: 54px 0 60px 50px; font-size: 14px; color: #4b4a4a; }
.select-pay img { margin: 0 10px 0 24px; display: inline-block; }

.conponsList { padding: 0 0 30px 0; }
.conponsList li { height: 100px; margin-bottom: 20px; }
.conponsList li .conpons_box { background-color: #fff0bb; box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.15); height: 100px; position: relative; }
.conponsList li .conpons_box .couMoney { width: 180px; height: 100px; position: absolute; left: -5px; top: 0; background: url(../bundles/shopexusercentershop/img/couponBg.png) no-repeat left top; color: #fff; font-size: 22px; text-align: center; line-height: 100px; }
.conponsList li .conpons_box .couMoney b { font-size: 60px; font-family: Impact; font-weight: 500; }
.conponsList li .conpons_box .userTip { letter-spacing: -1px; padding: 14px 14px 10px 190px; }
.conponsList li .conpons_box .userTip p { font-size: 13px; color: #666; letter-spacing: -1px; }
.conponsList li .conpons_box .userTip .bigMoney { font-size: 24px; }
.conponsList li .conpons_box .userTip .bigMoney span { color: #a75818; }
.conponsList li.off .conpons_box { background-color: #edecea; }
.conponsList li.off .conpons_box .off_box { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: -5px; top: 0; right: 0; bottom: 0; z-index: 1000; color: #fff; text-align: center; font-size: 24px; line-height: 100px; font-weight: 500; letter-spacing: 2px; }
.conponsList li.off .conpons_box .off_box span { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); display: block; width: 90px; margin: 0 auto; }
.conponsList li.off .conpons_box .couMoney { z-index: 1; }

.tip_common { height: 500px; text-align: center; line-height: 500px; font-size: 26px; color: #CCCCCC; }

.amount_tip { margin-top: 5px; margin-left: 3px; }

.code_form .checkbox { height: 20px; overflow: hidden; }

.coupon_box dt { border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #666; cursor: pointer; padding-left: 20px; }
.coupon_box dt i { font-weight: 100; font-size: 12px; padding-right: 5px; color: #EC8C46; }
.coupon_box dt a { color: #ea7f31; font-weight: 500; margin-left: 20px; }
.coupon_box dt .couponMess { padding-left: 15px; font-weight: 500; }
.coupon_box dt .couponMess b { color: #a75818; }
.coupon_box dd { display: none; padding: 20px; }
.coupon_box dd .conponsList { margin-top: 20px; }
.coupon_box dd .conponsList .couMoney { width: 130px; background-color: #f39c11; left: 1px; }
.coupon_box dd .conponsList .couMoney b { font-size: 50px; font-weight: 500; font-family: "microsoft yahei" arial, helvetica, sans-serif; }
.coupon_box dd .conponsList .userTip { padding-left: 150px; }
.coupon_box dd .conponsList .userTip .bigMoney { font-size: 18px; font-weight: normal; }
.coupon_box dd .conponsList .userTip .bigMoney b { font-size: 24px; color: #a75818; }

.btn-use { color: #999; background-color: #e9e8e7; border-color: #e9e8e7; cursor: pointer; }

.btn-use:focus, .btn-use:active, .btn-use:visited { color: #999; background-color: #e9e8e7; border-color: #e9e8e7; }